
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

html, body, .body1{ height:100%}
.block {height:53px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -53px;}

/* Global properties ======================================================== */

body{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/bg12.jpg) top center repeat; border:0; font:12px Arial, Helvetica, sans-serif; color:#fbfbfb; line-height:18px; min-width:950px; min-height:646px}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 922px;}
.main_center {	margin: 0 auto;	width: 950px; position: absolute; height:100%; min-height:562px}


.body1{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/bg_img16.jpg) top center no-repeat;}
.body2{  background:url(http://i42.servimg.com/u/f42/15/22/66/32/line_h10.gif) top repeat-x}
.body3{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/bg_img16.jpg) top repeat-x;} 

.body4{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/bg_con10.gif) top repeat-x #0a0a0a}
.body5{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/bg210.jpg) repeat}
/* ============================= main layout ====================== */

a{ color:#fbfbfb; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ width:100%; text-align:center; padding:27px 0 27px 0;}
h2{ font-size:24px; color:#fbfbfb; line-height:32px; padding:30px 0 28px 0; font-weight:900; text-transform:uppercase; letter-spacing:-1px;}
h3{ font-size:24px; color:#0a0a0a; line-height:48px; text-transform:uppercase; letter-spacing:-1px;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:530px; width:100%; overflow:hidden}

#user_area{  font-size:10px; font-weight:bold; text-transform:uppercase; width:100%; text-align:center; line-height:0px; padding:0px 0 0px; background:url(http://i42.servimg.com/u/f42/15/22/66/32/line_h10.gif)}
#user_area a{color:#1d131b; text-decoration:none;}
#user_area a:hover{ text-decoration:underline}

#logo{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/logo15.png) no-repeat; width:120px; height:128px; display: inline-block;}

header nav{ width:100%;}

#menu { width:auto;}
#menu a{ text-decoration:none}
#menu li { float:left; margin-right:1px; height:356px; overflow:hidden}
#menu li a{ display:block; width:109px; height:305px; position:relative; overflow:hidden;}
#menu li a strong{ font-size:30px; text-transform:uppercase; text-decoration:none; font-weight:900; color:#fff; text-align:center; line-height:40px; width:253px; overflow:hidden; top:-150px; position:relative; z-index:5; display:block}
#menu li a span{ display:block; position:relative; z-index:2; width:253px; height:305px; top:109px; cursor:pointer;}
#menu li:hover a span, #menu #active a span{position:relative; z-index:2;}

#menu #active a span{ top:0px;}
#menu #active a strong{ top:130px; display:block;}


#menu li:hover a, #menu #active a{ height:305px; width:253px;}

.nav1{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/shadow10.png) bottom repeat-x}
.nav2{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/shadow11.png) bottom repeat-x}
.nav3{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/shadow12.png) bottom repeat-x}
.nav4{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/shadow13.png) bottom repeat-x}
.nav5{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/shadow14.png) bottom repeat-x}

.nav1 span{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/menu1_10.gif) top repeat-x}
.nav2 span{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/menu2_10.gif) top repeat-x}
.nav3 span{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/menu3_10.gif) top repeat-x}
.nav4 span{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/menu4_10.gif) top repeat-x}
.nav5 span{ background: url(http://i42.servimg.com/u/f42/15/22/66/32/menu5_10.gif) top repeat-x}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden}
#content2{ width:100%; overflow:hidden; padding-bottom:37px; padding-top:50px;}

#content img{ margin-top:-8px;}
.img{ margin-top:-8px; padding-top:8px;}

.pad_left1{ padding-left:82px;}
.marg_right1{ margin-right:15px;}
.marg_right2{ margin-right:55px;}
.pad_bot1{ padding-bottom:8px;}
.pad_bot2{ padding-bottom:18px;}
.pad_bot3{ padding-bottom:36px;}

.line1{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/line_v10.gif) 663px 0 repeat-y;}
.line2{ background:url(http://i42.servimg.com/u/f42/15/22/66/32/line_v10.gif) 260px 0 repeat-y;}

.font1{ font-size:14px; text-transform:uppercase; line-height:22px;}
.font1 a{ text-decoration:none; color:#d3e3aa;}
.font1 a:hover{ color:#fbfbfb;}

.color1{ color:#fbfbfb; text-decoration:none}
a.color1:hover{ text-decoration:underline}

.link1, .link2, .link3{ font-size:13px; color:#d3e3aa; font-style:italic; float:right}
.link2{ color:#fbfbfb}
.link3{ color:#fbfbfb}

#feed{ width:223px; float:left; padding-left:72px;}

.under{ padding-bottom:20px; background:url(http://i42.servimg.com/u/f42/15/22/66/32/line_h10.gif) bottom repeat-x; margin-bottom:36px;}

.list1{ padding-top:12px;}
.list1 li{ line-height:30px;}
.list1 li a{ padding-left:10px; color:#939393; background:url(http://i42.servimg.com/u/f42/15/22/66/32/marker10.gif) 0 5px no-repeat; text-decoration:none}
.list1 li a:hover{ text-decoration:underline}

.list2 li{ line-height:22px;}
.list2 li a{ padding-left:13px; background:url(http://i42.servimg.com/u/f42/15/22/66/32/marker11.gif) 0 5px no-repeat;}

/* ============================= footer ====================== */

footer { height:53px; overflow:hidden; line-height:53px; color:#353034; font-weight:bold; font-size:10px; text-transform:uppercase; text-align:center; position:relative; z-index:10}
footer a{ color:#898588; text-decoration:none;}
footer a:hover{ text-decoration:underline;}




